/**************************************************
* reset&common.css
*
* 1 - reset
**************************************************/
/* Noto-Sans 글꼴*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
/**************************************************
* 1 - reset
**************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { border:0; font-size:100%; margin:0; padding:0; vertical-align:baseline; outline:none !important; box-sizing:border-box; font-weight:400; }

/* HTML5 display-role reset for older browsers */
a, a:hover, a:focus { color:inherit; outline:none; text-decoration:none; }
article, aside, details, figcaption, figure,
footer, header, menu, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:none; }
body { background-color:white; font-family:'Noto Sans KR', sans-serif !important; font-size:14px; letter-spacing:0px !important; line-height:1 !important; -webkit-text-size-adjust:none !important; }
em { font-style:normal; }
ol, ul { list-style:none; }
img { width:100%; height:100%; outline:0; border:0; }
table { border-collapse:collapse; border-spacing:0; }

/* ----------------------------------------------------------------------------------------------------
Super Form Reset
A couple of things to watch out for:
- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs
----------------------------------------------------------------------------------------------------*/

input, label, select, button { background:none; border:0; display:inline-block; font-size:14px; line-height:1; margin:0; outline:none; padding:0; vertical-align:middle; white-space:normal; }
textarea { background:none; border:0; display:inline-block; font-size:14px; line-height:1; margin:0; outline:none; padding:0; vertical-align:middle; }

/* Remove the stupid outer glow in Webkit */
input:focus { outline:0; }

/* Box Sizing Reset -----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input, textarea { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; margin:7px 0; -webkit-border-radius:0; }

/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; }
input[type=text], input[type=password] { width:100%; padding:0 10px; display:inline-block; border:1px solid #ccc; box-sizing:border-box; background-color:#fff; height:30px; line-height:30px; }

/* Text Inputs -----------------------------------------------*/
input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=range], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] { }

/* Button Controls -----------------------------------------------*/
input[type=checkbox], input[type=radio] { width:13px; height:13px; border:1px solid #ccc; }
input[type=radio] { border-radius:100%; }

/* File Uploads -----------------------------------------------*/
input[type=file] { }

/* Search Input -----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; } 
/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration { display:none; }

/* Buttons -----------------------------------------------*/
button, input[type="reset"], input[type="button"], input[type="submit"] { overflow:visible; /* Fix IE7 display bug */ width:auto; }

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button { padding:0; border:0; background:none; }

/* Textarea -----------------------------------------------*/
textarea { width:100%; resize:none; vertical-align:top; /* Move the label to the top */ overflow:auto; /* Turn off scroll bars in IE unless needed */ background-color:#fff; border:1px solid #ccc; box-sizing:border-box; padding:12px 10px; }

/* Selects -----------------------------------------------*/
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select::-ms-expand { display: none; /* 화살표 없애기 for IE10, 11*/ }
select[multiple] { vertical-align:top; /* Move the label to the top */ }

/* label -----------------------------------------------*/
label { cursor:pointer; }


/**************************************************
* slick slide *

The MIT License (MIT)

Copyright (c) 2013-2016

Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

**************************************************/
.slick-slider { position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list { position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus { outline:none; }
.slick-list.dragging { cursor:pointer; cursor:hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
.slick-track { position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before, .slick-track:after { display:table; content:''; }
.slick-track:after { clear:both; }
.slick-loading .slick-track { visibility:hidden; }
.slick-slide { display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide { float:right; }
.slick-slide img { display:block; }
.slick-slide.slick-loading img { display:none; }
.slick-slide.dragging img { pointer-events:none; }
.slick-initialized .slick-slide { display:block; }
.slick-loading .slick-slide { visibility:hidden; }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden { display:none; }

/**************************************************
* padding
**************************************************/
.padding_b_5{
    padding-bottom: 5px;
}
.padding_b_10{
    padding-bottom: 10px;
}
.padding_b_15{
    padding-bottom: 15px;
}
.padding_b_20{
    padding-bottom: 20px;
}
.padding_b_25{
    padding-bottom: 25px;
}
.padding_b_25{
    padding-bottom: 25px;
}
.padding_b_30{
    padding-bottom: 30px;
}
.padding_b_40{
    padding-bottom: 40px;
}
.padding_t_5{
    padding-top: 5px;
}
.padding_t_10{
    padding-top: 10px;
}
.padding_t_15{
    padding-top: 15px;
}
.padding_t_20{
    padding-top: 20px;
}
.padding_t_25{
    padding-top: 25px;
}
.padding_t_30{
    padding-top: 30px;
}
.padding_t_40{
    padding-top: 40px;
}
.padding_l_5{
    padding-left: 5px;
}
.padding_l_10{
    padding-left: 10px;
}
.padding_l_15{
    padding-left: 15px;
}
.padding_l_20{
    padding-left: 20px;
}
.padding_l_25{
    padding-left: 25px;
}
.padding_l_30{
    padding-left: 30px;
}
.padding_l_40{
    padding-left: 40px;
}
.padding_r_5{
    padding-right: 5px;
}
.padding_r_10{
    padding-right: 10px;
}
.padding_r_15{
    padding-right: 15px;
}
.padding_r_20{
    padding-right: 20px;
}
.padding_r_25{
    padding-right: 25px;
}
.padding_r_30{
    padding-right: 30px;
}
.padding_r_40{
    padding-right: 40px;
}

/**************************************************
* margin
**************************************************/

.margin_b_5{
    margin-bottom: 5px;
}
.margin_b_10{
    margin-bottom: 10px;
}
.margin_b_15{
    margin-bottom: 15px;
}
.margin_b_20{
    margin-bottom: 20px;
}
.margin_b_25{
    margin-bottom: 25px;
}
.margin_b_25{
    margin-bottom: 25px;
}
.margin_b_30{
    margin-bottom: 30px;
}
.margin_b_40{
    margin-bottom: 40px;
}
.margin_t_5{
    margin-top: 5px;
}
.margin_t_10{
    margin-top: 10px;
}
.margin_t_15{
    margin-top: 15px;
}
.margin_t_20{
    margin-top: 20px;
}
.margin_t_25{
    margin-top: 25px;
}
.margin_t_30{
    margin-top: 30px;
}
.margin_t_40{
    margin-top: 40px;
}
.margin_l_5{
    margin-left: 5px;
}
.margin_l_10{
    margin-left: 10px;
}
.margin_l_15{
    margin-left: 15px;
}
.margin_l_20{
    margin-left: 20px;
}
.margin_l_25{
    margin-left: 25px;
}
.margin_l_30{
    margin-left: 30px;
}
.margin_l_40{
    margin-left: 40px;
}
.margin_r_5{
    margin-right: 5px;
}
.margin_r_10{
    margin-right: 10px;
}
.margin_r_15{
    margin-right: 15px;
}
.margin_r_20{
    margin-right: 20px;
}
.margin_r_25{
    margin-right: 25px;
}
.margin_r_30{
    margin-right: 30px;
}
.margin_r_40{
    margin-right: 40px;
}

/**************************************************
* width
**************************************************/
.section_tab.i1 { display:none; }
.section_tab.i2 li { width:50%; }
.section_tab.i3 li { width:33.333%; }
.section_tab.i4 li { width:25%; }
.section_tab.i5 li { width:20%; }
.section_tab.i6 li { width:16.666%; }

.topnav.i1 { display:none; }
.topnav.i2 li.menu_w { width:calc(50% - 100px); }
.topnav.i3 li.menu_w { width:calc(33.333% - 66.666px); }
.topnav.i4 li.menu_w { width:calc(25% - 50px); }
.topnav.i5 li.menu_w { width:calc(20% - 40px); }
.topnav.i6 li.menu_w { width:calc(16.666% - 33.333px); }
.topnav.i7 li.menu_w { width:calc(14.285% - 28.571px); }
.topnav.i8 li.menu_w { width:calc(12.5% - 25px); }
.topnav.i9 li.menu_w { width:calc(11.111% - 22.222px); }

.topnav.nologoi1 { display:none; }
.topnav.nologoi2 li.menu_w { width:50%; }
.topnav.nologoi3 li.menu_w { width:33.333%; }
.topnav.nologoi4 li.menu_w { width:25%; }
.topnav.nologoi5 li.menu_w { width:20%; }
.topnav.nologoi6 li.menu_w { width:16.666%; }
.topnav.nologoi7 li.menu_w { width:14.285%; }
.topnav.nologoi8 li.menu_w { width:12.5%; }
.topnav.nologoi9 li.menu_w { width:11.111%; }